Flaticon WebFont

Font Demo

Instructions

1Copy the "Fonts" files and CSS files to your website CSS folder.
2Add the CSS link to your website source code on header. <head> ... <link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css"> ... </head>
3Use the icon class on "display: inline" elements:
Use example: <i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

.flaticon-aeroplane

Author: Kirill Kazachek

.flaticon-id-card

Author: Vectors Market

.flaticon-shield

Author: pongsakornRed

.flaticon-earning-money-idea

Author: Freepik

.flaticon-list

Author: Smashicons

.flaticon-menu

Author: Cole Bemis

.flaticon-banknote

Author: Good Ware

.flaticon-creative

Author: Good Ware

.flaticon-network

Author: Good Ware

.flaticon-speech-bubble

Author: Gregor Cresnar

.flaticon-layers

Author: Smashicons

.flaticon-gear

Author: prettycons

.flaticon-computer

Author: Good Ware

.flaticon-objective

Author: Good Ware

.flaticon-right-arrow

Author: Lyolya

.flaticon-long-arrow-pointing-to-the-right

Author: Dave Gandy

.flaticon-edit

Author: Freepik

.flaticon-responsive

Author: Dimitry Miroliubov

.flaticon-speed

Author: prettycons

.flaticon-happiness

Author: Freepik

.flaticon-play-button

Author: Smashicons

.flaticon-pin

Author: Freepik

.flaticon-thin-arrowheads-pointing-down

Author: Dave Gandy

.flaticon-multiply

Author: Smashicons

.flaticon-right-quotation-mark

Author: Dave Gandy

License and attribution:

Font generated by flaticon.com.

Under CC: Vectors Market, Kirill Kazachek, pongsakornRed, Freepik, Smashicons, Cole Bemis, Good Ware, Gregor Cresnar, prettycons, Dave Gandy, Lyolya, Dimitry Miroliubov

Copy the Attribution License:

Font generated by <a href="http://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="002-id-card" href="https://www.flaticon.com/authors/vectors-market">Vectors Market</a>, <a data-file="001-aeroplane" href="https://www.flaticon.com/authors/kirill-kazachek">Kirill Kazachek</a>, <a data-file="003-shield" href="https://www.flaticon.com/authors/pongsakornred">pongsakornRed</a>, <a data-file="022-pin" href="http://www.freepik.com">Freepik</a>, <a data-file="024-multiply" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="006-menu" href="https://www.flaticon.com/authors/cole-bemis">Cole Bemis</a>, <a data-file="014-objective" href="https://www.flaticon.com/authors/good-ware">Good Ware</a>, <a data-file="010-speech-bubble" href="https://www.flaticon.com/authors/gregor-cresnar">Gregor Cresnar</a>, <a data-file="019-speed" href="https://www.flaticon.com/authors/prettycons">prettycons</a>, <a data-file="025-right-quotation-mark" href="https://www.flaticon.com/authors/dave-gandy">Dave Gandy</a>, <a data-file="015-right-arrow" href="https://www.flaticon.com/authors/lyolya">Lyolya</a>, <a data-file="018-responsive" href="https://www.flaticon.com/authors/dimitry-miroliubov">Dimitry Miroliubov</a></p>

Examples:

<i class="flaticon-aeroplane"></i>

<i class="flaticon-id-card"></i>

<i class="flaticon-shield"></i>

<i class="flaticon-earning-money-idea"></i>